@charset "utf-8"; /* --- Base Styles & Font Imports --- */ /* Import Google Fonts once using @import (or better, link in HTML ) */ @import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Artifika&family=Gotham&family=Lato&family=Segoe+UI&display=swap'); /* Define common font styles as variables or a base class if widely used */ :root { --font-architects-daughter: 'Architects Daughter', cursive; --font-artifika: 'Artifika', serif; --font-gotham: 'Gotham', "Helvetica Neue", Helvetica, Arial, sans-serif; --font-segoe: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; --text-color-dark: #333333; --text-color-medium: #666666; --text-color-light: #999999; --primary-color-dark: #000000; --primary-color-light: #FFFFFF; } .font-normal-400 { font-style: normal; font-weight: 400; } /* --- Text Styles --- */ .TANA_GOOGLE { /* This class should apply styles to an element, not import a font */ font-family: var(--font-artifika); color: var(--primary-color-dark); font-size: 14px; @extend .font-normal-400; /* Use a preprocessor or mixin for this */ } .estil_TANA_texte { color: var(--text-color-dark); font-family: var(--font-architects-daughter); text-align: justify; font-size: 14px; margin: 0; padding: 0; @extend .font-normal-400; } .estil_TANA_ttiol_pagina { font-family: var(--font-architects-daughter); text-align: center; font-size: 14px; color: var(--primary-color-dark); text-shadow: 2px 2px 3px #666666; letter-spacing: 10px; @extend .font-normal-400; } .estil_TANA_titol_paragraf { color: var(--primary-color-dark); font-family: var(--font-architects-daughter); font-size: 10px; text-align: center; text-shadow: 1px 1px 1px #CCCCCC; @extend .font-normal-400; } .estil_TANA_lloc_web { color: var(--text-color-light); font-family: var(--font-segoe); font-size: 15px; background-color: var(--primary-color-light); text-align: center; @extend .font-normal-400; } .estil_TANA_peu_pagina { background-color: var(--primary-color-light); color: var(--text-color-light); font-family: var(--font-gotham); font-size: 10px; } .estil_TANA_lloc_web_link { color: var(--primary-color-light); font-family: var(--font-gotham); font-size: 11px; text-align: left; @extend .font-normal-400; } .estil_tana_centrat { color: #622000; font-family: var(--font-artifika); text-align: center; font-size: 60%; /* Consider using 'rem' for better scalability */ @extend .font-normal-400; } .estil_TANA_texte_2, .estil_TANA-texte3 { /* Combined due to identical properties */ color: var(--text-color-medium); font-family: var(--font-artifika); text-align: justify; @extend .font-normal-400; } .TANA_texte { color: var(--text-color-medium); font-family: var(--font-artifika); text-align: justify; @extend .font-normal-400; } .ESTIL_tana_CURSIVA { color: var(--text-color-medium); font-family: var(--font-artifika); font-variant: oblique; text-align: justify; @extend .font-normal-400; } /* --- Layout & Utility Classes --- */ .RATLLA { height: 1px; width: 100%; opacity: 1; border: 1px solid var(--primary-color-dark); /* Combined border properties */ box-shadow: 0 0; /* Simpler declaration for 0 box-shadow */ text-shadow: 6px 6px 1px #333333; } .estil_TANA-ratlles_centre { text-align: justify; /* This class name suggests center, but property is justify */ } .estil_TANA_president { color: var(--text-color-dark); font-family: var(--font-artifika); font-size: 16px; text-align: center; text-shadow: 1px 1px 1px #CCCCCC; @extend .font-normal-400; } .alinear_mig { text-align: center; } .OMBRA { box-shadow: 6px 6px 8px 3px #999999; /* Removed vendor prefix */ } /* Overly specific selector - consider simplifying in HTML or with more robust CSS */ /* gridContainer.clearfix #cont_3 #cont_B_1 #dins_ARC div img { // Add specific styles here if needed after simplifying HTML structure } */ /* --- Media Queries --- */ @media screen and (min-width: 481px) { .estil_TANA_ttiol_pagina { font-size: 18px; } /* TANA_GOOGLE font definition is still incorrect here, remove src */ .TANA_GOOGLE { font-family: var(--font-artifika); /* Refer to the imported font */ font-size: 14px; color: var(--primary-color-dark); } .estil_TANA_texte { font-size: 14px; opacity: 1; /* Redundant if already 1, keep if overriding lower value */ } .estil_TANA_titol_paragraf { font-size: 14px; } .estil_tana_centrat { font-size: 70%; } } @media screen and (min-width: 769px) { .estil_TANA_ttiol_pagina { font-size: 22px; } .TANA_GOOGLE { font-family: var(--font-artifika); /* Corrected font family reference */ font-style: italic; /* If Artifika has an italic variant */ font-size: 28px; color: var(--primary-color-dark); /* Removed incorrect src to Lato font */ } .estil_TANA_texte { font-size: 19px; margin-left: 25px; margin-right: 25px; } .estil_TANA_titol_paragraf { font-size: 19px; text-shadow: 1px 1px 1px #999999; height: auto; /* 'none' is invalid, use 'auto' or remove if not needed */ text-indent: 0; } .estil_tana_centrat { font-size: 100%; color: var(--text-color-medium); /* Changed from #622000 */ /* Removed stray '100' syntax error */ } } /* --- Image and Background Specific Styles --- */ .shadow_tana { margin: 0; /* Combined margin properties */ width: 100%; left: 0; right: 0; clear: both; } .IMATGE { float: left; background-repeat: no-repeat; /* Cleaned up and consolidated box-shadow properties */ box-shadow: inset 0 0 0 0 #CCCCCC; /* No inset shadow */ color: var(--primary-color-dark); font-family: var(--font-architects-daughter); text-align: justify; margin: 40px 15px 25px 15px; /* Combined margins: top, right, bottom, left */ padding: 5px 5px 25px 5px; /* Combined padding: top, right, bottom, left */ border-top: 1px solid #999999; background-image: url(images/shadow.png); background-position: 110% 100%; /* Keep this if specific */ background-size: 100% auto; /* Efficient background sizing */ background-attachment: scroll; background-clip: border-box; background-origin: border-box; /* Removed all redundant/commented out background properties */ /* Removed all default/zero border properties like border-bottom-width: 0px; */ } .FONDO_FOCOS { background-image: url(images/par64A.png); float: left; background-repeat: no-repeat; background-position: 70% 0; /* Only keep the final effective position */ background-size: 60% 60%; /* Only keep the final effective size */ background-origin: border-box; background-clip: padding-box; /* Removed all redundant/commented out background properties */ }